import { StyleSheet } from 'react-native';
import { phonePx } from '../../../../../../../../util/adapt';
import { APP_BLACK, APP_YELLOW } from '../../../../../../../../constant/color';

export default StyleSheet.create({
  loadTitle: {
    flexDirection: 'row',
    alignItems: 'center',
    marginTop: phonePx(30),
    marginBottom: phonePx(4)
  },
  spuTag: {
    marginLeft: phonePx(-2),
    width: phonePx(14),
    height: phonePx(16)
  },
  title: {
    marginLeft: phonePx(8),
    fontSize: phonePx(16),
    color: APP_BLACK,
    fontWeight: '500'
  },
  loadTag: {
    flexDirection: 'row',
    justifyContent: 'flex-end',
    position: 'absolute',
    right: 0
  },
  line1: {
    width: phonePx(2),
    height: phonePx(10),
    backgroundColor: APP_YELLOW,
    borderRadius: phonePx(2),
    marginRight: phonePx(2)
  },
  line2: {
    width: phonePx(2),
    height: phonePx(15),
    backgroundColor: APP_YELLOW,
    borderRadius: phonePx(1),
    marginRight: phonePx(2)
  },
  tag: {},
  tagDesc: {
    position: 'absolute',
    left: phonePx(6),
    top: phonePx(3),
    fontSize: phonePx(9),
    color: APP_BLACK,
    fontWeight: '500'
  }
});
